<template>
	<div class='header'>
		<h1>
			<img src="@/assets/images/logo.png" alt="">
		</h1>
		<div class='header-search' @click='goSearch'>
			<i class='iconfont icon-fangdajing'></i>
			<span>搜您喜欢的...</span>
		</div>
		<div class='header-s'>
			<i class='iconfont icon-kefu'></i>
		</div>
	</div>
</template>

<script>
export default{
	methods:{
		goSearch(){
			this.$router.push('/search');
		}
	}
}
</script>

<style scoped lang='scss'>
.header{
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 100%;
	height: 1.173333rem;
	background-color: #b0352f;
}
.header h1{
	padding-right:0.4rem;
	width: 2.266666rem;
	height: 1.173333rem;
	img{
		width: 2.266666rem;
		height: 1.173333rem;
	}
}
.header-search{
	display: flex;
	align-items: center;
	flex:1;
	padding:0.186666rem 0.08rem;
	background-color: #ffffff;
	border-radius: 12px;
	i{
		color:#999999;
		font-size:0.426666rem;
	}
	span{
		color:#999999;
		font-size:0.426666rem;
	}
}
.header-s{
	padding-left:0.4rem;
	i{
		color:#FFFFFF;
		font-size:0.64rem;
	}
}
</style>
